<!DOCTYPE HTML>
<html class="js cssanimations">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>TATA旅游-相爱之缘、命中注定！</title>
		<link rel="shortcut icon" href="http://www.taquta.com/favicon.ico">
		<link rel="bookmark" href="http://www.taquta.com/favicon.ico">
		<link rel="stylesheet" href="../assets/css/amazeui.min.css">
		<link rel="stylesheet" href="../assets/css/app.css" />
		<style type="text/css">
			#main{background:none;}
		</style>
	</head>

	<body class="am-with-topbar-fixed-top">

		<!-- start 头部导航 -->
		<header class="am-topbar am-topbar-fixed-top" id="fixed-top-topbar">
			<div class="header-fixed am-g-fixed-min">
				<div class="am-topbar-brand am-text-white">
					<a href="home.html">
						<img class="logo" src="../assets/img/mini_logo.png" alt="TATA旅游网">
					</a>
				</div>
				<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only check-head-nav" data-am-collapse="{target: '#collapse-head'}">
					<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
				</button>
				<div class="am-collapse am-topbar-collapse am-fr" id="collapse-head">
					<ul class="am-nav am-nav-pills am-topbar-nav">
						<li><a href="home.html" class="min80"><i class="am-icon-home"></i> 首页</a></li>
						<li class="am-dropdown" data-am-dropdown="">
							<a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
								<span class="am-icon-child"></span>
								<small>13701378834@163.com</small>
								<span class="am-icon-caret-down"></span>
							</a>
							<ul class="am-dropdown-content">
								<li><a href="../Member/user.html"><span class="am-icon-child"></span> 进入用户中心</a></li>
								<li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</header>

		<div class="banner_bg">
			<div class="am-g">
				<div class="am-u-lg-12">
					<div class="min-text-xs">
						<span class="m-t-xl">已经有</span>
						<span class="am-text-danger m-t-max countUp" data-endVal="12345">0</span>
						<span class="m-t-xl">位会员 <i class="am-icon-venus-double"></i></span>
					</div>
					<div>
						<a class="am-btn am-btn-primary am-radius login register" href="javascript:;">
						  <i class="am-icon-user-plus"></i> 我要加入
						</a>
						<a class="am-btn am-btn-success am-radius" href="photoWall.html">
						  <i class="am-icon-list-ul"></i> 查看照片墙
						</a>
					</div>
				</div>
			</div>
		</div>
		
		<!-- start 内容区域 -->
		<div id="main">
			<div class="banner_navbg">
				<div class="am-g am-g-fixed-min">
					<div class="banner_nav">
						<span class="am-icon-caret-right sm-hide"> 筛选：</span>
						<a class="banner_nav_a am-active" href="javascript:;" class="am-active">所有</a>
						<a class="banner_nav_a" href="javascript:;">同城</a>
						<a class="banner_nav_a sm-hide" href="javascript:;">等级升序 <i class="am-icon-level-up am-text-warning"></i></a>
						<!--<a class="banner_nav_a sm-hide am-hide" href="javascript:;">等级降序 <i class="am-icon-level-down"></i></a>-->
						<a class="banner_nav_a sm-hide" href="javascript:;">随机推送</a>
						<a class="banner_nav_a sm-hide" href="javascript:;">老战友</a>
						<div class="am-dropdown sm-show" data-am-dropdown>
							<a href="javascript:;" class="am-dropdown-toggle banner_nav_a" data-am-dropdown-toggle>分类 <i class="am-icon-caret-down"></i><a>
							<ul class="am-dropdown-content">
								<li class="am-show-sm-only">
									<a class="am-padding-sm" href="#">等级升序 <i class="am-icon-level-up"></i></a>
								</li>
								<!--<li class="am-show-sm-only">
									<a class="am-padding-sm" href="#">等级降序 <i class="am-icon-level-down"></i></a>
								</li>-->
								<li>
									<a class="am-padding-sm" href="#">随机推送</a>
								</li>
								<li>
									<a class="am-padding-sm" href="#">老战友</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="am-g am-g-fixed-min">
				<ul id="all-user-box" data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-5 am-gallery-default">
					<li>
						<div class="am-gallery-item am_list_block am-text-center user-img-box">
							<a class="show-popup" href="javascript:;"> 
								<img class="am-text-center user-avatar lazyload" data-original="http://www.taquta.com/Uploads/avatar/100/100.jpg" src="../assets/img/load.gif" > 
								<img class="user-rank" data-rank="3" src="img/vip-3.png" > 
							</a> <br />
							<span class="am-text-sm am-text-secondary">Gaoshi</span> 
						</div>
					</li>
				</ul>
				
				<!-- 加载更多按钮 -->
				<div class="news-load-up-btn" data-load-url="js/data/user.json">
					<span>
						<i class="am-icon-spinner am-icon-spin news-load-i" style="display: none;"></i>
						加载更多
					</span>
				</div>
			</div>
		</div>
		<!-- end 内容区域 -->
		
		<!-- 用户头像模版 -->
		<script id="all-user-tpl" type="text/html">
			{{# for(var i = 0, len = d.length; i< len; i++){ }} 
				<li>
					<div class="am-gallery-item am_list_block am-text-center user-img-box">
						<a class="show-popup" href="javascript:;"> 
							<img class="am-text-center user-avatar lazyload" data-original="{{ d[i].avatar }}" src="../assets/img/load.gif" > 
								<img class="user-rank" data-rank="{{ d[i].rank }}" src="img/vip-{{ d[i].rank }}.png" > 
						</a> 
						<br />
						<span class="am-text-sm am-text-secondary">{{ d[i].name }}</span> 
					</div>
				</li>
			{{# } }}
		</script>
		
		<!-- 返回顶部 -->
		<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
			<a href="#top" title="回到顶部">
				<span class="am-gotop-title">回到顶部</span>
				<i class="am-gotop-icon am-icon-chevron-up"></i>
			</a>
		</div>
		
		<!-- 用户资料弹窗 -->
		<div class="am-popup" id="my-user-popup">
			<div class="am-popup-inner">
				<div class="am-popup-hd">
					<h4 class="am-popup-title">TA的资料</h4>
					<span data-am-modal-close="" class="am-close">×</span>
				</div>
				<div class="am-popup-bd">
					<div class="am-g">
						<div class="am-u-sm-6 am-u-md-6 am-u-sm-push-3 am-u-md-push-0 am-text-center" style="position: relative;max-width: 232px;">
							<a class="show-popup" href="javascript:;">
								<img class="am-img-thumbnail user-img-popup" src="../assets/img/load.gif" />
								<img class="am-show-lg-up user-rank" src="img/vip-2.png" />
							</a>
							<!--<img class="am-img-thumbnail user-img-popup" src="../assets/img/load.gif" />-->
						</div>
						<div class="am-u-sm-12 am-u-md-6 am-text-sm am-padding-left-0 am-text-left">
							<div>
								<strong class="am-inline-block am-margin-0">会员昵称：</strong>
								<span class="am-text-lg user-username">淡淡的真</span>
							</div>
							<div>
								<strong class="am-inline-block am-margin-0">居住地址：</strong>
								<span class="user-site">石家庄市</span>
							</div>
							<div>
								<strong class="am-inline-block am-margin-0">年　　龄：</strong>
								<span class="user-age">21</span>
							</div>
							<div>
								<strong class="am-inline-block am-margin-0">身　　高：</strong>
								<span class="user-height">169</span>
							</div>
							<div>
								<strong class="am-inline-block am-margin-0">体　　重：</strong>
								<span class="user-weight">45-55</span>
							</div>
							<div>
								<strong class="am-inline-block am-margin-0">星　　座：</strong>
								<span class="user-constellation">天蝎座</span>
							</div>
							<div>
								<strong class="am-inline-block am-margin-0">职　　业：</strong>
								<span class="user-job">计算机/互联网/通信</span>
							</div>
						</div>
					</div>
					<section class="am-panel am-panel-default am-margin-top-sm">
						<header class="am-panel-hd">
							<div class="am-text-center">
								<h3 class="am-panel-title"> 对他说: </h3>
							</div>
							<div class="am-cf"></div>
						</header>
						<div class="am-g am-text-sm user-character">
							<p>温柔贤惠、懂生活、会持家长的顺眼就行。</p>
							<p>你要是能力强，愿意养家，我做家庭煮夫也是可以的。</p>
							<p>对婆媳关系处理上有耐心，懂得忍让，知晓吃亏是福的道理。</p>
						</div>
					</section>

					<div class="am-g am-text-center">
						<a href="javascript:;" class="am-btn am-btn-success add-praise"><i class="am-icon-thumbs-up"></i> 赞
							<span class="am-padding-horizontal-xs user-praise">(<span>11</span>)</span></a>
						<a href="javascript:;" class="am-btn am-btn-primary" data-am-modal-close><i class="am-icon-remove"></i> 关闭 </a>
					</div>
				</div>
			</div>
		</div>

		<!-- 底部信息 -->
		<footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer>
			<div class="am-g">
				<div class="am-u-sm-12 am-u-md-5 am-text-center">
					<img src="http://www.taquta.com/Application/Home/View/Default/Images/wechat.jpg" style="max-width: 220px;">
					<p class="am-margin-0 am-padding-0">欢迎关注《TATA旅游网》</p>
				</div>
				<div class="am-u-sm-12 am-u-md-7 am-hide-sm-only am-text-left">
					<div class="am-u-md-5">
						<h3>关于我们</h3>
						<hr />
						<ul class="am-nav">
							<li><a href="about.html">关于TATA</a></li>
							<li><a href="activity.html">活动流程</a></li>
						</ul>
					</div>
					<div class="am-u-md-7">
						<h3>联系我们</h3>
						<hr />
						<ul class="am-nav">
							<li>
								<a href="tel:4008759799" class="am-padding-0">4008-759-799 [客服专线]</a>
								<span class="am-text-xs ">[本专线只接受已注册会员来电咨询]</span>
							</li>
							<li>
								<span>商务合作：</span>
								<br />
								<span class="am-text-xs am-text-primary">shangwu@taquta.com</span>
							</li>
							<li>
								<span>投诉建议投诉建议：</span>
								<br />
								<span class="am-text-xs am-text-primary">tousu@taquta.com</span>
							</li>
						</ul>
					</div>
				</div>

				<div class="am-u-sm-12 am-show-sm-only">
					<div class="am-u-md-7">
						<h3>联系我们</h3>
						<hr />
						<ul class="am-nav">
							<li>
								<a href="tel:4008759799" class="am-padding-0">4008-759-799 [客服专线]</a>
								<span class="am-text-xs">[本专线只接受已注册会员来电咨询]</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="am-footer-miscs ">
				<p>北京美游人生信息科技有限公司版权所有 ©2014-2015</p>
				<p>京ICP备15048938号</p>
			</div>
		</footer>

		<!-- 登录注册弹窗 -->
		<div class="am-popup" id="my-lr-popup">
			<div class="am-popup-inner">
				<div class="am-popup-hd">
					<h4 class="am-popup-title">登录/注册</h4>
					<span data-am-modal-close class="am-close am-text-xl">&times;</span>
				</div>
				<div class="am-popup-bd">
					<div class="am-g">
						<div class="am-u-sm-6">
							<button class="am-btn am-btn-block toggle-form am-btn-primary" id="login" data-form="#login-form">
								<i class="am-icon-user"></i> 登录
							</button>
						</div>
						<div class="am-u-sm-6">
							<button class="am-btn am-btn-block toggle-form" id="register" data-form="#register-form">
								<i class="am-icon-user-plus"></i> 注册
							</button>
						</div>
					</div>
					<hr />
					<!-- 登录表单 -->
					<form class="am-form" id="login-form">
						<div class="am-g">
							<div class="am-u-sm-12 my-modal-content">
								<input type="text" class="am-hide" />
								<div class="am-form-group am-form-icon">
									<i class="am-icon-user"></i>
									<input type="text" class="am-form-field js-pattern-mobile" name="user" minlength="11" maxlength="11" placeholder="请填写手机号码" required>
								</div>
								<div class="am-form-group am-form-icon">
									<i class="am-icon-expeditedssl"></i>
									<input type="password" class="am-form-field" name="password" minlength="6" maxlength="18" placeholder="输入密码" required>
								</div>
							</div>
						</div>
						<button class="am-hide" type="submit"></button>
					</form>
					<!-- 注册表单 -->
					<form class="am-form am-form-inline am-hide" id="register-form">
						<!-- 防止浏览器自动填充 提交时删除 -->
						<input class="offAuto am-hide" type="text" name="user" />
						<input class="offAuto am-hide" type="password" name="password" />
						<div class="am-g">
							<div class="am-u-sm-12 my-modal-content">
								<div class="am-form-group am-block am-form-icon">
									<i class="am-icon-user"></i>
									<input type="text" class="am-form-field js-pattern-mobile user" name="user" minlength="11" maxlength="11" placeholder="请填写手机号码" required>
								</div>
								<div style="height: 1rem;"></div>
								<div class="am-form-group am-block am-form-icon">
									<i class="am-icon-expeditedssl"></i>
									<input type="password" class="am-form-field" name="password" minlength="6" maxlength="18" placeholder="6~16个字符，区分大小写" required>
								</div>
								<div style="height: 1rem;"></div>
								<div class="am-form-group am-form-icon">
									<i class="am-icon-expeditedssl"></i>
									<input type="text" class="am-form-field" minlength="6" maxlength="6" placeholder="验证码" required>
								</div>
								<div class="am-form-group">
									<input class="am-btn am-btn-primary send-code" disabled type="button" value="获取验证码" />
								</div>
							</div>
						</div>
						<button class="am-hide" type="submit"></button>
					</form>
					<div class="am-g am-text-center">
						<div style="height: 1rem;"></div>
						<a href="javascript:;" class="am-btn am-btn-danger" data-am-modal-close><i class="am-icon-remove"></i> 取消</a>
						<a href="javascript:;" class="am-btn am-btn-success submit"><i class="am-icon-check"></i> 确定 </a>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			var thisPage = "allUser";
		</script>
		<script src="js/require.min.js" data-main="js/main"></script>
	</body>

</html>